<template>
<el-card class="box-card el-card-flex">
    <!-- <div slot="header" class="clearfix">
        <span>
            <i class="el-icon-reading"></i>
            初始化设置
        </span>
        
    </div> -->
    <div class="el-full el-box-column">
        
        <el-tabs class="el-tabs-bg el-flex el-tabs-flex" v-model="activeName" @tab-click="handleClick">
            <el-tab-pane class="el-flex el-box-column" label="时间设置" name="first" lazy>
                <set-Time></set-Time>
            </el-tab-pane>
            <el-tab-pane class="el-flex el-box-column" label="位置" name="second" lazy>
                <location></location>
            </el-tab-pane>
            <el-tab-pane class="el-flex el-box-column" label="设备" name="third" lazy>
                <equipment></equipment>
            </el-tab-pane>
            <!-- <el-tab-pane class="el-flex el-box-column" label="管理员设置" name="fourth" lazy>
                <administrator></administrator>
            </el-tab-pane> -->
        </el-tabs>
    </div>
</el-card>
    
</template>
<script>
import {
    Dialog,
    Table,
    TableColumn,
    Pagination,
    MessageBox,
    Message,
    Drawer,
    Tabs,
    TabPane,
    Upload
  } from 'element-ui'
  import setTime from './setTime'
  import location from './location'
  import equipment from './equipment'
  import administrator from './administrator'
export default {
    name: 'Initialize',
    components: {
      'el-dialog': Dialog, // 对话框
      'el-table': Table, // 表格
      'el-table-column': TableColumn, // 表格列
      'el-pagination': Pagination, // 分页
      'el-drawer': Drawer, // 抽屉
      'el-tabs': Tabs, // 标签页
      'el-tab-pane': TabPane, // 标签页列
      "el-upload": Upload, //上传
      setTime, //时间
      location, //位置
      equipment, //设备
      administrator, //管理员设置
    },
    data(){
        return{ 
            activeName:'first'
        }
    },
    created(){

    },
    methods:{
        handleClick(tab, event){
        }
    }
}
</script>
<style lang="scss" scoped>
    .el-tab-pane{
        height:100%
    }
   .el-tabs-bg{
        border-top: none!important;
        border-left: none!important;
        border-right: none!important;
   }
</style>